<template>
    <div class="content-step">
        <div class="col-lg-2 col-md-2 col-sm-2" style="height: 100%"></div>
        <div class="col-lg-10 col-md-10 col-sm-10 font-white" style="margin: 0 auto">
            <div class="col-lg-1 col-md-1 col-sm-1" style="height:100px;top:10px;padding:0px;" v-for="step in steps">
                <div class="col-lg-12 col-md-12 col-sm-12 text-center" style="height: 60%;top: 30%;">
                    <span class="glyphicon glyphicon-screenshot"></span>
                </div>
                <div class="col-lg-12 col-md-12 col-sm-12 text-center" style="height: 30%">
                    {{ step.stepname }}
                </div>
            </div>
        </div>
    </div>
</template>
<style>

</style>
<script>
    export default{
        data(){
            return{
                steps:''
            }
        },
        components:{

        },
        methods:{

        },
        created(){
        var _this = this;
            this.$http.get('/fit_step')
                .then(function(res){
                    _this.steps = res.body;
                });
        }
    }
</script>
